/* Ant Design Vue 暗黑主题自定义样式 */

/* 覆盖 Ant Design 的默认样式以适配暗黑主题 */

/* 输入框 */
.ant-input,
.ant-input-number,
.ant-select-selector,
.ant-picker {
  background-color: #1a1f3a !important;
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

.ant-input:hover,
.ant-input-number:hover,
.ant-select-selector:hover,
.ant-picker:hover {
  border-color: #4a9eff !important;
}

.ant-input:focus,
.ant-input-number:focus,
.ant-select-focused .ant-select-selector,
.ant-picker-focused {
  border-color: #4a9eff !important;
  box-shadow: 0 0 0 2px rgba(74, 158, 255, 0.2) !important;
}

/* 下拉菜单 */
.ant-select-dropdown,
.ant-picker-dropdown {
  background-color: #1a1f3a !important;
}

.ant-select-item {
  color: #e0e0e0 !important;
}

.ant-select-item:hover {
  background-color: #2a2f4a !important;
}

.ant-select-item-option-selected {
  background-color: #3d4466 !important;
}

/* 表格 */
.ant-table {
  background-color: #0a0e27 !important;
  color: #e0e0e0 !important;
}

.ant-table-thead > tr > th {
  background-color: #1a1f3a !important;
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

.ant-table-tbody > tr > td {
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

.ant-table-tbody > tr:hover > td {
  background-color: #1a1f3a !important;
}

/* 分页 */
.ant-pagination-item {
  background-color: #1a1f3a !important;
  border-color: #3d4466 !important;
}

.ant-pagination-item a {
  color: #e0e0e0 !important;
}

.ant-pagination-item:hover {
  border-color: #4a9eff !important;
}

.ant-pagination-item-active {
  background-color: #4a9eff !important;
  border-color: #4a9eff !important;
}

.ant-pagination-item-active a {
  color: #fff !important;
}

/* 按钮 */
.ant-btn-default {
  background-color: #1a1f3a !important;
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

.ant-btn-default:hover {
  background-color: #2a2f4a !important;
  border-color: #4a9eff !important;
  color: #4a9eff !important;
}

.ant-btn-primary {
  background-color: #4a9eff !important;
  border-color: #4a9eff !important;
}

.ant-btn-primary:hover {
  background-color: #6bb3ff !important;
  border-color: #6bb3ff !important;
}

/* 模态框 */
.ant-modal-content {
  background-color: #1a1f3a !important;
  color: #e0e0e0 !important;
}

.ant-modal-header {
  background-color: #1a1f3a !important;
  border-color: #3d4466 !important;
}

.ant-modal-title {
  color: #e0e0e0 !important;
}

.ant-modal-footer {
  border-color: #3d4466 !important;
}

.ant-modal-close-x {
  color: #e0e0e0 !important;
}

/* 卡片 */
.ant-card {
  background-color: #1a1f3a !important;
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

.ant-card-head {
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

/* 标签 */
.ant-tag {
  background-color: #2a2f4a !important;
  border-color: #3d4466 !important;
  color: #e0e0e0 !important;
}

/* 消息提示 */
.ant-message-notice-content {
  background-color: #1a1f3a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

/* 表单 */
.ant-form-item-label > label {
  color: #e0e0e0 !important;
}

/* 开关 */
.ant-switch {
  background-color: #3d4466 !important;
}

.ant-switch-checked {
  background-color: #4a9eff !important;
}

/* 布局 */
.ant-layout {
  background-color: #0a0e27 !important;
}

.ant-layout-header {
  background-color: #1a1f3a !important;
}

.ant-layout-sider {
  background-color: #1a1f3a !important;
}

.ant-menu {
  background-color: #1a1f3a !important;
  color: #e0e0e0 !important;
}

.ant-menu-item {
  color: #e0e0e0 !important;
}

.ant-menu-item:hover {
  color: #4a9eff !important;
}

.ant-menu-item-selected {
  background-color: #2a2f4a !important;
  color: #4a9eff !important;
}

